.wtop-r { margin-top:26px;}
.top-time { margin-bottom:16px; text-align:right; color:#fff; height:25px;}
.wtop-r a{ background-image:url(../images/wicon.png); background-repeat:no-repeat; width:42px; height:42px; display:inline-block; vertical-align:top; margin-left:20px;float:left;}
.top-tel { background-position:0 0;} 
.top-weix {background-position:-43px 0;} 
.top-weib {background-position:-86px 0;} 
.w-nav {   border-width: 1px 0 0;border-style: solid;border-color: #1c64c4;}


.mopen { margin-top:50px;}
.am-menu-offcanvas1 .am-menu-nav > li.wnav-home a{ border-bottom:1px #17509d solid; height:141px; line-height:141px;}
.mclose { position:absolute; right:20px; top:50px; border:none; background:none;outline:none;}

.w-bnav .am-nav > li > a {  padding: 1em 0;}
.w-tcnav {position: absolute;top: 100%;width: 130px;height: auto;margin-left: -65px;margin-top: 0;list-style: none;padding: 0;left: 50%;z-index: 999;opacity: 0;-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;-moz-transition: opacity 0.3s, -moz-transform 0.3s;transition: opacity 0.3s, transform 0.3s;-webkit-transform: translateY(10px);-moz-transform: translateY(10px);transform: translateY(10px);visibility: hidden;}
.w-bnav .am-nav > li > ul.w-tcnav li {border-bottom: rgba(0,0,0,.6) 1px solid}
.w-bnav .am-nav > li > ul.w-tcnav li a {padding:10px 20px;display: block;color: #ffffff;font-size: 14px; text-align:center;-webkit-transition:  all ease-out .2s;-moz-transition:  all ease-out .2s;transition:  all ease-out .2s;background:url(../images/tcnavx.png) bottom center no-repeat rgba(0,0,0,.6);}
.w-bnav .am-nav > li > ul.w-tcnav li:last-child a { background-image:none;}
.w-bnav .am-nav > li:hover > ul.w-tcnav {opacity: 1;-webkit-transform: translateY(0px);-moz-transform: translateY(0px);transform: translateY(0px);visibility: visible;}
.w-bnav .am-nav > li:hover > ul.w-tcnav li a:hover {background-color:#013c89;background-image:none; bcolor: #fff}


.site-news { background:url(../images/sinbg.jpg) center center;}

.site-news .x-mess { background-color:#efefef; padding-right:70px; padding-top:50px; overflow:hidden;}
.x-title > h2 { font-family: Arial; font-size:26px; color:#3f3f3f; margin:0; line-height:36px;text-transform:uppercase}
.x-title > h2 a {color:#3f3f3f;}
.x-title > h4 { font-size:20px; color:#484848; margin:0; font-weight:normal; background:url(../images/titleio.jpg) left center no-repeat; padding-left:60px; line-height:20px;}
.x-title > h4 a {color:#484848;}
.x-title > h4 a:hover {color:#17509d;}
.x-mess-nr { position:relative; min-height:350px;}
.x-mess-nr img { position:absolute; left:0; bottom:0;}
.x-mess-nrtxt { margin-left:210px;margin-top:70px; font-size:14px; color:#555555; line-height:30px; text-align:left; width:273px; height:180px; overflow:hidden; position:relative; z-index:6;}
.x-mess-nrname {margin-left:263px;margin-top:15px;font-size:14px; color:#555555;text-align:right; width:210px; height:24px;}

.site-news .x-news {background-color:#f6f6f6; padding-left:80px; padding-top:50px; overflow:hidden;}
.x-news-list { padding-top:36px;}
.x-news-list ul{ list-style:none; padding:0;}
.x-news-list li.not { border-bottom:1px #cacaca solid; margin:14px 0;}
.x-news-list li.not img { vertical-align:top; margin-left:10px;}
.x-news-list li p { font-size:12px; color:#666;overflow : hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; padding-left:105px; margin:14px 0 10px;}
.x-news-list li time{ font-size:14px; color:#c1c1c1;font-family: Arial; font-weight:700;}
.x-news-list li a { color:#333333; font-weight:700; margin-left:30px;}
.x-news-list li a:hover{ color:#dc2828}

.txtScroll-top{  overflow:hidden; position:relative;  }
.txtScroll-top .infoList li{ height:40px; line-height:40px; }


.site-info { padding:60px 0px;}
.info-pd { padding:0;}
.info-dib { width:30%;float: left;position: relative;}
.info-mb { margin:0 5%;}
.info-top { overflow:hidden;background-color:#17509d;}

.info-top .info-tit { background-color:#7d7d7d; text-align:center; height:90px; overflow:hidden;-webkit-transition:  all ease-out .3s;-moz-transition:  all ease-out .3s;transition:  all ease-out .3s;}
.info-top a { display:block;}
.info-top a:hover .info-tit{background-color:#17509d;}
.info-top a img { display:block;width:100%; height:auto;-webkit-transition:  all ease-out .3s;-moz-transition:  all ease-out .3s;transition:  all ease-out .3s;}
.info-top a:hover img { opacity:0.8;filter: alpha(opacity=80);transform:scale(1.05);-webkit-transform:scale(1.05); }
.info-top span {font-family: Arial; font-size:20px; color:#fff;text-transform:uppercase; display:block; margin-top:10px;}
.info-top h2 { font-size:26px; color:#fff; font-weight:bold; margin:0; line-height:30px;}

.info-list { list-style:none; padding:0; margin:0;}
.info-list li { background:url(../images/dot.png) no-repeat 15px center; border-bottom:1px #cacaca solid; padding:10px 0; }
.info-list li a { padding-left:36px; display:block; color:#333; font-size:14px;}

.info-list li a:hover{ color:#17509d}


.site-middle { background:url(../images/midbg.jpg) top repeat-x; padding:60px 0;}
.mid-nr a { display:block;}
.mid-nr a img { width:100%; height:auto; display:block;}
.mid-nr .mid-img { position:relative}
.mid-nr .mid-ms { position:absolute; width:100%; height:100%; top:0; left:0;text-align:center; background:url(../images/midmo.png) center 72% no-repeat rgba(0,0,0,.6);-webkit-transition:  all ease-out .2s;-moz-transition:  all ease-out .2s;transition:  all ease-out .2s;}
.mid-nr .mid-ms  h4 { font-family: Arial; font-size:20px; color:#fff; margin:0; line-height:30px;text-transform:uppercase; font-weight:normal; margin-top:18%;-webkit-transition:  all ease-out .2s;-moz-transition:  all ease-out .2s;transition:  all ease-out .2s;}
.mid-nr .mid-ms  h2 {font-size:26px;color:#fff; margin:0;line-height:36px;}
.mid-nr .mid-tit { color:#333; font-weight:bold; padding:15px 0;}
.mid-nr a.mid-tit:hover { color:#17509d}
.mid-nr p { font-size:12px; color:#666; margin:0;}

.mid-nr a:hover .mid-ms { background-color:rgba(0,0,0,.5); background-position:center 71%;}
.mid-nr a:hover .mid-ms  h4 {margin-top:19%;}


.site-sty { background-color:#efefef;}
.site-sty .sty-teac {padding:50px 4% 70px 0}
.site-sty .sty-stud {padding:50px 0 70px 4%}

.w-sty { margin:40px 0 0;}
.w-sty li { overflow:hidden;}
.w-sty li a { display:block;}
.w-sty li a img{-webkit-transition:  all ease-out .4s;-moz-transition:  all ease-out .4s;transition:  all ease-out .4s;}
.w-sty li a:hover img {transform:scale(1.05);-webkit-transform:scale(1.05);}
.site-sty .sty-teac .sty-name { font-size:18px; text-align:center;}
.site-sty .sty-teac .sty-p { font-size:14px;text-align:center; margin:0;}
.site-sty .sty-stud .sty-stt { font-size:18px; padding:11px 0;}


.footer { background-color:#404040; padding:60px 0 70px;}
.fo-nav { list-style:none; padding:0;}
.fo-nav li { float:left; margin-right:30px;}
.fo-nav li a { font-size:14px; color:#999;}
.fo-nav li a:hover { color:#FFF;}

.fo-bq { color:#999; font-size:12px; line-height:30px; margin-top:50px;}
.fo-bq a {color:#999; margin-left:0px;}
.fo-bq a:hover { color:#FFF;}
.fo-lx { float:right; margin-right:40px;}
.fo-lx p a{ color:#999; text-align:right; font-size:14px; float:right}
.fo-lx p a:hover { color:#FFF;}
.fo-lx .fo-but  { float:left; margin-top:16px;}
.fo-lx .fo-but + .fo-but { margin-left:30px;}
.fo-lx .fo-but a { color:#999; font-size:14px; text-align:center; display:block;}
.fo-lx .fo-but a:hover { color:#FFF;}
.fo-lx .fo-but span { display:block; margin-bottom:10px;border-radius:50%; border:1px #999 solid; width:40px; height:40px; line-height:40px;}
.fo-lx .fo-but span img { -webkit-transition:  all ease-out .2s;-moz-transition:  all ease-out .2s;transition:  all ease-out .2s;vertical-align: text-top;}
.fo-lx .fo-but a:hover img {transform:scale(1.2);-webkit-transform:scale(1.2);}

.fo-ewm { float:right; color:#999; font-size:14px; text-align:center;}
.fo-ewm p { margin:10px 0;}

.w-link {color: #999;font-size: 12px;line-height: 30px; margin-top:10px;}
.w-link a {color: #999; margin-right:20px; display:inline-block;}
.w-link a:hover { color:#FFF;}

.list-main {width:100%; overflow:hidden;}
.list-nav {width:100%;margin:0 auto; position:relative; background-color:#fff;}
.list-nav ul{ list-style:none; padding:0; margin:0;font-size: 0;-webkit-text-size-adjust:none;}
.list-nav li { display:inline-block;height:56px; line-height:56px; font-size:1.6rem;}
.list-nav li a { display:block; color:#333; padding:0 29px}
.list-nav li.list-active a,.list-nav li a:hover { color:#17509d}
.list-nav .cls{clear:both;}
.list-nav .curBg { background:#17509d;height:3px;position:absolute;width:100%;left:0px;}

.list-pag { font-size:12px; color:#666; border-bottom:1px #cacaca solid; padding:10px 0;}
.list-pag a {color:#666;}
.list-pag a:hover { color:#17509d}

.list-center { padding:20px 0 100px; width:100%; overflow:hidden;}


.list-single { font-size:1.4rem; color:#666; line-height:30px; padding-top:40px;}
.list-single p { margin:1rem 0;}
.list-single img{ max-width:100%; height:auto;}


.list-fold {padding-top:20px;}
.list-fold .am-accordion-gapped { margin:0;}
.fold-list .am-thumbnails > li {padding:1rem 2.5rem; }
.fold-list .am-thumbnails > li a { display:block;position:relative; overflow:hidden}
.fold-list .am-thumbnails > li a img{-webkit-transition:  all ease-out .4s;-moz-transition:  all ease-out .4s;transition:  all ease-out .4s;}
.fold-list .am-thumbnails > li a:hover img {transform:scale(1.05);-webkit-transform:scale(1.05);}
.fold-list .am-thumbnails { margin-left: -2.5rem;margin-right: -2.5rem;}
.fold-list .am-thumbnails .fold-list-desc {background-color: rgba(43, 60, 85, 0.7);position: absolute;bottom: 0;padding: 10px;width: 100%;color: #fff;}
.fold-list .am-thumbnails .sty-name { font-size:18px; text-align:center;}
.fold-list .am-thumbnails .sty-p { font-size:14px;text-align:center; margin:0;}
.fold-en {font-family: Arial;}

.fold-show { line-height:26px; padding-top:2rem;}
.fold-show p { margin:0;}
.fold-show img { max-width:100%; height:auto;}


.list-honor { padding-top:20px;}
.list-honor ul{list-style:none; padding:0; margin:0;}
.list-honor li { border:1px #cccccc solid; padding:2rem; margin-bottom:20px;}
.list-honor li span { border-bottom:2px #17509d solid; font-size:18px; font-weight:bold; color:#333; padding-bottom:8px;}
.list-honor li p { font-size:14px; color:#666;line-height:26px; margin:25px 0 0;}

.list-honor li .list-honor-img img{ width:100%; height:auto;}
.list-honor li .list-honor-nr { padding-left:4%;}


.list-news ul{list-style:none; position:relative; padding:0 0 80px 0; margin:0;}
.list-imglb3 ul {position:relative; padding-bottom:80px;}
.list-news li {padding:2rem; margin-bottom:10px;}
.list-news li:nth-child(2n+0) { background-color:#f4f4f4}
.list-news li a { display:block;}
.list-news li .list-news-nr { padding-left:4%; position:relative}
.list-news li .list-news-nr:after {content:" ";-webkit-transition:all .2s linear;transition: all .2s linear;position: absolute;left:2%;top:0;width:1px; background-color:#17509d; height:100%;}
.list-news li .list-news-nr span { font-size:18px; font-weight:bold; color:#333;line-height:20px; padding-bottom:8px;webkit-transition:  all ease-out .3s;-moz-transition:  all ease-out .3s;transition:  all ease-out .3s;}
.list-news li .list-news-nr p { font-size:14px; color:#666;line-height:26px; margin:20px 0 0;}
.list-news li .list-news-time { text-align:right;color:#c1c1c1;font-family: Arial;webkit-transition:  all ease-out .3s;-moz-transition:  all ease-out .3s;transition:  all ease-out .3s; position: relative; z-index:2;}
.list-news li .list-news-time span { font-size:24px;  font-weight:bold; line-height:26px}

.list-news li a:hover .list-news-nr:after,.list-news li a:focus .list-news-nr:after {background-color:#c1c1c1;}
.list-news li a:hover .list-news-time,.list-news li a:focus .list-news-time {color:#17509d;}
.list-news li a:hover .list-news-nr span,.list-news li a:focus .list-news-nr span{color:#17509d;}



.list-imglb1 {padding-top:20px;}
.list-imglb1 .am-thumbnails { margin-left: -1.5rem;margin-right: -1.5rem;}
.list-imglb1 .am-thumbnails > li {padding: 0 1.5rem 3rem 1.5rem;} 
.list-imglb1 ul {position:relative; padding-bottom:80px;}
.list-imglb1 li a{ padding:20px; border:1px #cccccc solid; display:block;-webkit-transition:  all ease-out .3s;-moz-transition:  all ease-out .3s;transition:  all ease-out .3s;}
.list-imglb1 li a img {-webkit-transition:  all ease-out .3s;-moz-transition:  all ease-out .3s;transition:  all ease-out .3s;}
.list-imglb1 li h3 { font-size:18px; color:#333; text-align:center; margin:1rem 0; padding:10px 0; position:relative}
.list-imglb1 li p { font-size:12px; color:#666; text-indent:2em; height:72px; line-height:24px; margin-bottom:0; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}

.list-imglb1 li a:hover img,.list-imglb1 li a:focus img{transform:scale(1.05);-webkit-transform:scale(1.05);}
.list-imglb1 li a:hover,.list-imglb1 li a:focus {border:1px #17509d solid;}
.list-imglb1 li h3:after {content:" ";-webkit-transition:all .2s linear;transition: all .2s linear;position: absolute;left: 50%;margin-left:-30px;bottom:0;width:60px;border-bottom:2px #17509d solid;}
.list-imglb1 li a:hover h3:after,.list-imglb1 li a:focus h3:after {width:80px;margin-left:-40px;}

.list-more { text-align:center; margin-left:-105px; position:absolute; bottom:0; left:50%;}
.list-more a{border-radius: 4px;padding:0; line-height:60px; height:60px; overflow:hidden;width:210px; font-size:18px; border:none;}


.list-imglb2 {padding-top:20px;}
.list-imglb2 .am-thumbnails { margin-left: -1rem;margin-right: -1rem;}
.list-imglb2 .am-thumbnails > li {padding: 0 1rem 2rem 1rem;} 
.list-imglb2 li a{ padding:20px; border:1px #cccccc solid; display:block;text-align:center;-webkit-transition:  all ease-out .3s;-moz-transition:  all ease-out .3s;transition:  all ease-out .3s;}
.list-imglb2 li a img {-webkit-transition:  all ease-out .3s;-moz-transition:  all ease-out .3s;transition:  all ease-out .3s;}
.list-imglb2 li p { font-size:16px; color:#333; overflow:hidden; line-height:24px; padding-top:10px;  margin:0;}

.list-imglb2 li a:hover img,.list-imglb2 li a:focus img{transform:scale(1.05);-webkit-transform:scale(1.05);}
.list-imglb2 li a:hover,.list-imglb2 li a:focus {border:1px #17509d solid;}


.list-imglb3 {padding-top:20px;}
.list-imglb3 .am-thumbnails { margin-left: -2rem;margin-right: -2rem;}
.list-imglb3 .am-thumbnails > li {padding: 0 2rem 3rem 2rem;} 
.list-imglb3 ul {position:relative; padding-bottom:80px;}
.list-imglb3 li a{ padding:20px; border:1px #cccccc solid; display:block;-webkit-transition:  all ease-out .3s;-moz-transition:  all ease-out .3s;transition:  all ease-out .3s;}
.list-imglb3 li h3 { font-size:18px; color:#333;margin:1rem 0; padding:5px 0; position:relative}
.list-imglb3 li p { font-size:14px; color:#666; height:72px; line-height:24px; margin:0; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}

.list-imglb3 li a:hover h3 { color:#17509d }
.list-imglb3 li a:hover,.list-imglb3 li a:focus {border:1px #17509d solid;}



.list-txtlb1 {padding-top:20px;}
.list-txtlb1 .am-thumbnails { margin-left: -1.5rem;margin-right: -1.5rem;}
.list-txtlb1 .am-thumbnails > li {padding: 0 1.5rem 3rem 1.5rem;} 
.list-txtlb1 ul {position:relative; padding-bottom:80px;}
.list-txtlb1 li a{ padding:20px; border:1px #cccccc solid; display:block;-webkit-transition:  all ease-out .3s;-moz-transition:  all ease-out .3s;transition:  all ease-out .3s;}
.list-txtlb1 li h3 { font-size:22px; color:#333; padding:0 0 20px; position:relative; font-weight:normal; line-height: 22px;-webkit-transition:  all ease-out .2s;-moz-transition:  all ease-out .2s;transition:  all ease-out .2s;}
.list-txtlb1 li p { font-size:12px; color:#666; margin:2rem 0 1rem; height:120px; line-height:24px; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;}
.list-txtlb1 li .txtlb-en {font-family: Arial;}

.list-txtlb1 li a:hover h3 { color:#17509d }
.list-txtlb1 li a:hover,.list-txtlb1 li a:focus {border:1px #17509d solid;}
.list-txtlb1 li h3:after {content:" ";-webkit-transition:all .2s linear;transition: all .2s linear;position: absolute;left:0;bottom:0;width:60px;border-bottom:2px #17509d solid;}
.list-txtlb1 li a:hover h3:after,.list-txtlb1 li a:focus h3:after {width:80px;}


.show-team-top { background-color:#f4f4f4; padding:30px;}
.show-team-top span { border-bottom:2px #17509d solid; font-size:24px; color:#333; padding-bottom:8px;}
.show-team-top p { font-size:18px;color:#333; margin:2rem 0 0;}
.show-team-nr { font-size:14px; color:#666;line-height:30px; margin-top:30px}
.show-team-nr img{ max-width:100%; height:auto;}


.show-con-top { background-color:#f4f4f4; padding:30px;}
.show-con-top span { font-size:22px; color:#333; display:block; text-align: center;}
.show-con-top p { font-size:14px;color:#666; margin:1rem 0 0; text-align:center;}
.show-con-nr { font-size:14px; color:#666;line-height:30px; margin-top:30px}
.show-con-nr img{ max-width:100%; height:auto;}


.fload { position: absolute;z-index:100;}
.fload a { padding:5px; border:2px #ddd solid; display:block;-webkit-transition:  all ease-out .2s;-moz-transition:  all ease-out .2s;transition:  all ease-out .2s;}
.fload a:hover {border:2px #17509d solid;}
.fload .fclose{ position:absolute; right:0; top:-25px; width:18px; height:18px; background:url(../images/close.png) no-repeat; cursor:pointer;opacity:0.8;filter: alpha(opacity=80);-webkit-transition:  all ease-out .2s;-moz-transition:  all ease-out .2s;transition:  all ease-out .2s;}
.fload .fclose:hover {opacity:1;filter: alpha(opacity=100);}

@media only screen and (min-width:1025px) {
	
}
@media only screen and (min-width:641px) and (max-width:1024px) {
	.site-news .x-mess { padding:50px 40px 0 20px;}
	.x-mess-nrtxt { width:40%; height:210px;margin-top:50px; margin-left:60%;}
	.x-mess-nrname {width:40%;margin-left:60%;}
	.site-news .x-news { padding-left:5%; padding-right:2%;}
	.info-pd { padding:0 20px;}
	.info-midpd { padding:0 2.5rem;}
	.mid-nr { padding:0 10px;}
	.sty-midpd { padding:0 3.5rem;}
	.site-sty .sty-teac { padding-right:2%}
	.site-sty .sty-stud { padding-left:2%}
	.fold-list .am-thumbnails > li {padding:1rem 1.5rem; }
	.fold-list .am-thumbnails { margin-left: -1.5rem;margin-right: -1.5rem;}
	.list-imglb1 .am-thumbnails,.list-txtlb1 .am-thumbnails { margin-left: -1rem;margin-right: -1rem;}
	.list-imglb1 .am-thumbnails > li,.list-txtlb1 .am-thumbnails > li {padding: 0 1rem 3rem 1rem;} 
	.fload { display:none}
}
@media only screen and (max-width: 640px) {
	.site-news .x-mess { padding:50px 20px 40px;}
	.x-mess-nrtxt { width:100%; height:auto;margin-top:40px; margin-left:0;font-size:16px;}
	.x-mess-nrname {width:100%;margin-left:0;}
	.x-mess-nr img { display:none;}
	.x-mess-nr { position:relative; min-height:210px;}
	.site-news .x-news {padding:50px 20px;}
	.info-dib { width:100%;}
	.info-pd { padding:0 20px;}
	.info-mb { margin:40px 0;}
	.info-list { display:none;}
	.info-midpd { padding:0 2.5rem;}
	.site-middle{ padding-bottom:0}
	.mid-nr { padding:0 0 40px 0;}
	.mid-nr .mid-tit { font-size:20px;}
	.mid-nr p { font-size:16px;}
	.site-sty .sty-teac {padding:50px 3% 0 }
	.site-sty .sty-stud {padding:50px 3% 80px }
	.fo-ewm,.fo-lx { display:none;}
	.fold-list .am-thumbnails > li {padding:1rem 1rem; }
	.fold-list .am-thumbnails { margin-left: -1rem;margin-right: -1rem;}
	.list-honor li .list-honor-nr { padding-left:0; padding-top:20px;}
	.list-imglb1 li a img { max-width:inherit; width:100%;}
	.list-nav {position: relative !important;}
	.fload { display:none}
	.w-sli .am-slides > li {
        margin:0 auto !important;
        width:100%;
        height:auto;
        overflow:hidden;
    }   
    .w-sli .am-slides > li .centered {
        position:relative;
        right:50%;
        text-align:center;
    }   
    .w-sli .am-slides > li .centered img {
        min-width:1000px !important;
        display:inline-block !important;
        margin-right:-100% !important;
    }
}


@-webkit-keyframes hvr-bob {
  0% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }

  50% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }

  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}

@keyframes hvr-bob {
  0% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }

  50% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }

  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}

@-webkit-keyframes hvr-bob-float {
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}

@keyframes hvr-bob-float {
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}

.hvr-bob {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.hvr-bob:hover, .hvr-bob:focus, .hvr-bob:active {
  -webkit-animation-name: hvr-bob-float, hvr-bob;
  animation-name: hvr-bob-float, hvr-bob;
  -webkit-animation-duration: .3s, 1.5s;
  animation-duration: .3s, 1.5s;
  -webkit-animation-delay: 0s, .3s;
  animation-delay: 0s, .3s;
  -webkit-animation-timing-function: ease-out, ease-in-out;
  animation-timing-function: ease-out, ease-in-out;
  -webkit-animation-iteration-count: 1, infinite;
  animation-iteration-count: 1, infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal, alternate;
  animation-direction: normal, alternate;
}


.bounce-top,
.bounce-green,
.bounce-white, 
.bounce-pink{
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.bounce-pink:before{
	background:#EC768C !important;
}
.bounce-top:before{
	
	background: #17509d;
	opacity:0.6;
}
.bounce-green:before{
	background:#82B440;
}
.bounce-white:before{
	background: #fff;
}	
.bounce-top:before,
.bounce-green:before,
.bounce-white:before,
.bounce-pink:before{
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.bounce-top:hover, .bounce-top:focus{
   color: #fff!important;

}
.bounce-pink:hover, .bounce-pink:focus{
   color: #fff !important;
   border:1px solid #EC768C !important;
}
.bounce-green:hover, .bounce-green:focus{
   color: #fff;
   border:1px solid #82B440;
}
.bounce-white:hover, .bounce-white:focus{
	color:#1b1d1f !important;
	border:1px solid #fff;
}	
.fold-list li a:hover .bounce-top:before,.fold-list li a:focus .bounce-top:before,
.w-sty li a:hover .bounce-top:before, .w-sty li a:focus .bounce-top:before, 
.bounce-green:hover::before, .bounce-green:focus::before,
.bounce-white:hover::before, .bounce-white:focus::before,
.bounce-pink:hover::before, .bounce-pink:focus::before{
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

.bounce-left{
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.bounce-left:before{
	background: #17509d;
}
.bounce-left:before{
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0% 100%;
  transform-origin: 0% 100%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  border-radius: 4px;
}
.bounce-left:hover, .bounce-left:focus{
   color: #fff!important;
}
.list-more a.bounce-left:hover:before,.list-more a.bounce-left:focus:before{
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
 .pagination-wrapper {
	margin: 20px 0;
}
.pagination {
	height: 34px;
	text-align: center;
}
.pagination li {
	display: inline-block;
	height: 34px;
	margin-right: 5px;
}
.pagination li a {
	float: left;
	display: block;
	height: 32px;
	line-height: 32px;
	padding: 0 12px;
	font-size: 16px;
	border: 1px solid #dddddd;
	color: #555555;
	text-decoration: none;
}
.pagination li a:hover {
	background: #f5f5f5;
	color: #0099ff;
}
.pagination li.thisclass {
	background: #09f;
	color: #fff;
}
.pagination li.thisclass a, .pagination li.thisclass a:hover {
	background: transparent;
	border-color: #09f;
	color: #fff;
	cursor: default;
}